<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<pre>
	新的 form 属性：
		autocomplete :规定表单内的输入域是否有记忆功能
		novalidate ：规定在提交表单时，不进行form内输入项的验证
	新的 input 属性：
		autocomplete ：属性规定 form 或 input 域应该拥有自动完成功能，是否开启记忆功能。
		当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项
	*   autofocus:autofocus 属性规定在页面加载时，域自动地获得焦点。
	*	form : 表单外输入项目，通过form属性，关联某个表单
		form overrides :表单重写属性，允许重写form 元素的某些属性设定
		height 和 width :height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。
		list :属性规定输入域的 datalist。
		datalist: 是输入域的选项列表。
	*	min, max 和 step ：属性规定输入域所允许的最小值、最大值，合法的数字间隔。多用于number类型和range类型
	*	multiple :属性规定输入域中可选择多个值。用于email和file
	*	pattern (regexp) ：添加正则验证，会在用提交按钮提交表单时触发
	*	placeholder ： 属性提供一种提示（hint），描述输入域所期待的值。
	*	required :必填项目！
	</pre>
	
	<form action=c autocomplete="on" novalidate="true">
	  <div>
	   		<label>用户名：</label>
	   		<input type="text" id="name" name="name" placeholder="请输入中文" required="required"
	   		pattern="^[a-z]\w{5,7}$">
	  </div>
	  <div>
	   		<label>密码：</label>
	  		<input type="password" id="password" name="password" autofocus required="required">
	  </div>
	  <div>
	  	<label>邮箱A:</label>
	  	<input type="email" id="emailA" name="emailA" multiple="multiple"
	  	placeholder="添加了multiple属性">
	  </div>
	  <div>
	  	<label>邮箱B:</label>
	  	<input type="email" id="emailB" name="emailB"
	  	placeholder="没有添加multiple属性">
	  </div>
	  <div>
	  	<input type="text" list="link_list" name="link" id="link" placeholder="选择你的籍贯">
	  	<datalist id="link_list">
	  		<option label="吉林" value="jl" />
	  		<option label="黑龙江" value="hlj" />
	  		<option label="辽宁" value="ln" />
	  	</datalist>
	  </div>
	  <div>
	  		<input type="submit" value="提交按钮">
	  		
	 		</div>
	 </form>
	 
	 <hr>
	 <input type="text" id="name2" name="name2" form="myform">


</body>
</html>